<template>
    <div id="seachDialog">
      <a-modal
        title="修改密码"
        v-model="editData.show"
        width="520px"
        style="overflow:hidden"
        @cancel="handleClose">
        <el-row style="padding:10px 70px 20px 20px;width:510px;">
            <el-form ref="searchForm" :rules="rules" size="small" :model="parames" label-width="120px">
                <el-form-item label="旧密码:" prop="name">
                    <el-input  v-model="parames.name" placeholder="请输入旧密码"></el-input>
                </el-form-item>
                <el-form-item label="新密码:" prop="name">
                    <el-input  v-model="parames.name" placeholder="请输入新密码"></el-input>
                </el-form-item>
                <el-form-item label="确认密码:" prop="name">
                    <el-input  v-model="parames.name" placeholder="请确认密码"></el-input>
                </el-form-item>
            </el-form>
        </el-row>
        <span slot="footer" class="dialog-footer">
            <el-button size="small" @click="handleClose">取消</el-button>
            <el-button size="small" type="primary" @click="handleClose">保存</el-button>
        </span>
      </a-modal>
    </div>
</template>

<script>
export default {
    props: ['editData'],
    data() {
        return {
          parames: {
              name: '',
              youxian: '',
              date: ''
          },
          rules: {
            name: [
              { required: true, message: "请输入活动名称", trigger: "blur" },
              { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" }
            ],
          }
        };
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    methods: {
        handleClose () {
            this.editData.show = false
        }
    },
    components: {
    },
};
</script>

<style>
#seachDialog .el-dialog{
    padding-bottom: 0; 
    overflow-x: hidden;
}
#seachDialog .el-dialog__footer{
    border-top: #f4f4f4 solid 1px;
}
</style>
